  <#include "./weather.html">
 <div class="hd" id="hd_imglist">
   <div id="weather_tool" class="eqp_weather weath_icon   png30"></div>
	   <div class="hd_content">	 
	   
            <span   id="now_equip"  class="curr_equip" puid="${puid!}"  tlong="${tlong!}" >${name!"测试设备"} </span>  <a href="#"  style="display:none" id="setTime"><i  class="icon-calendar"> </i><input type="text"  name="appDateTime" id="appDateTime" /></a> <i id="looktype"  style="display:none" class="icon-picture"> </i>
       </div>
 </div>
  <div class="container  "  >
    <ul class="img_content  scroll" id="small_area"  onscroll="lazyLoadPic(this)" ></ul>

  </div>
 <style>
 
.img_content{
     padding: 5px;  
}
 #looktype{
    float: left;
    margin: 5px;
    color: rgba(255, 255, 255, 0.39);
 }
 #setTime{
    float: right;
    margin: 2px;
    background: black;
    padding: 5px;
    border-radius: 5px;
    box-shadow: inset 2px 1px 2px,inset -2px -1px 2px;
 }
 

 
 
</style>
  <script >
 
  
  $("body").on("tap","#small_area_more",function(){
	  var puid=$("#now_equip").attr("puid");
	  var src = CONETXT_PATH + "/equip/imglist/" +puid
			+ ".do";
		  var tlong=$("#small_area  li:last").attr("tlong");
		  
		 if ($("#weixin_video").hasClass("active")) {
			var src = CONETXT_PATH + "/equip/videolist/"
					+ puid+ ".do"; 
		}
		 $.ajax({
	            type:"GET",
	            url:src, 

	            data: "time="+tlong,
	            success:function(html){
	            	$("#small_area_more").replaceWith(html);
	            },
	            error:function(XMLHttpRequest, textStatus, thrownError){}
	        })
	 			
})
	displayImage();
	// /圖片預覽
	function displayImage() {
	 $('body').on(
				'tap ',
				'i.delete',
				function(e,a) {
					
					var tar = $(this).parent().parent().parent();
					 
					showBigImg(tar);
					
				 
				});
		// console.log(urls);
      $('body').on(
				'taphold',
				'.mor_pic_item  ',
				function(e,a) {
					var tar = $(this);
					 
					showBigImg(tar);
					
				 
				});

		$('body').on(
				'taphold',
				'.mor_video_item  ',
				function(e,a) {
					var tar = $(this);
					
					showVideo(tar);
					
				/* 	var obj = tar.find(".test-lazyload");
					// alert(obj.attr("data-original") || obj.attr("src"));
					// alert(tar.index());.
					var imgs = $(".test-lazyload");

					var src = imgs.attr("data-original");
					// src= CONETXT_PATH +"/equip/video/"+src;

					// $("#video_view").show();
					// $("#video_view .video_area").html('<video src="'+src+'"
					// width="100%" height="100%" controls autoplay loop><source
					// type=video/mp4 /> 你的浏览器不支持</video>');
					var _ul = CONETXT_PATH + "/equip/videoView?url=" + src
							+ ";name=" + $("#now_equip").html();

					 window.open(_ul) */
				});
		$("body").on("touchend", "#video_view .close", function() {
			$("#video_view").hide();
			// $("#video_view").find("video").attr("src","");
			//$("#video_view .video_area").html("");
		})
	}
  </script>